<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<script type="text/javascript">
			$(function(){
				$(".valorPagamento").maskMoney({thousands:'.', decimal:','});
			})
			$(function(){
				$(".juros").maskMoney({thousands:'.', decimal:','});
			})
			$(function(){
				$(".multa").maskMoney({thousands:'.', decimal:','});
			})
			$(function(){
				$(".desconto").maskMoney({thousands:'.', decimal:','});
			})
		</script>
		<h:panelGrid columns="2">
			<h:outputText value="Valor Principal" />
				<h:inputText value="#{contasReceberManager.contasReceber.valorPrincipal}" disabled="true"
					style="width:100px;">
					<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
				</h:inputText>
				
			<h:outputText value="Juros" />
				<h:inputText value="#{contasReceberManager.contasReceber.juros}" 
					style="width:100px;" styleClass="juros" disabled="#{contasReceberManager.contasReceber.quitado}">
					<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
					<f:ajax event="blur" listener="#{contasReceberManager.addJuros}" render=":form_parcela:valor_pagamento" execute="@this" />
				</h:inputText>
				
			<h:outputText value="Multa" />
				<h:inputText value="#{contasReceberManager.contasReceber.multa}" disabled="#{contasReceberManager.contasReceber.quitado}" 
					style="width:100px;" styleClass="multa">
					<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
					<f:ajax event="blur" listener="#{contasReceberManager.addMulta}" render=":form_parcela:valor_pagamento" execute="@this" />
				</h:inputText>
			<h:outputText value="Tipo de Desconto" />
			<h:selectOneRadio value="#{contasReceberManager.contasReceber.tipoDesconto}"
				id="tipo_desconto" 
				style="display:inline;" disabled="#{contasReceberManager.contasReceber.quitado}">
				<f:selectItems value="#{utilManager.listTipoDesconto}" />
			</h:selectOneRadio>
				
			<h:outputText value="Desconto" />
			<h:inputText value="#{contasReceberManager.contasReceber.desconto}" disabled="#{contasReceberManager.contasReceber.quitado}"
				style="width:100px;" styleClass="desconto"> 
				<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
				<f:ajax event="blur" listener="#{contasReceberManager.addDesconto}" render=":form_parcela:valor_pagamento" 
					execute=":form_parcela:tipo_desconto @this" />
			</h:inputText> 
			
			<h:outputText value="Data de Pagamento" />
			<p:calendar pattern="dd/MM/yyyy" value="#{contasReceberManager.contasReceber.dataRealPagamento}"
				yearRange="1900" locale="pt" disabled="#{contasReceberManager.contasReceber.quitado}"
				label="Data de Pagamento" id="data_pagamento" navigator="true" readOnlyInputText="true"
			 />
				
			<h:outputText value="Valor Total Parcela" />
			<h:inputText value="#{contasReceberManager.contasReceber.valorTotal}" disabled="true"
				style="width:100px;" styleClass="valorPagamento">
				<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
			</h:inputText>
				
			<h:outputText value="Valor Pagamento" />
			<h:inputText value="#{contasReceberManager.contasReceber.valorPagamento}"
				disabled="#{contasReceberManager.contasReceber.quitado}"
				style="width:100px;" styleClass="valorPagamento" id="valor_pagamento">
				<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
			</h:inputText>
		</h:panelGrid>
			
		<p:commandButton value="Baixar Pagamento" title="Baixar Pagamento" icon="ui-icon-check" style="height: 24px;" rendered="#{!contasReceberManager.contasReceber.quitado}"
		action="#{contasReceberManager.baixarPagamento}" update=":form" process=":form_parcela" oncomplete="parcela_dlg.hide();"/>
</f:view>	
</html>